@charset "utf-8";
$font-size:100px;
html{
    font-size: $font-size;
}
@function w($px){
    @return $px/$font-size*1rem;
}
.web{
    header{
        .navbar-brand{
            padding:7px 15px;
//          按照图片高来确定上下padding
        }
        a:hover{
            color:#fff !important;
        }   
    }
    section{
        .content{
            .lunbotu{
                text-align: center;
                img{
                    width:100%;
                    max-width:1366px;
                }
            }
            .yinqing{
                background: #fbfaf7;
                border-bottom: 1px solid #eaeaee;
                padding-top: w(106px);
                padding-bottom: w(145px);
                .container{
                    .row{
                        .yq_info{
                            //标题1
                            .tit1{
                                font-size: w(47px);
                                color:#0078d7;
                                padding-bottom: w(34px);
                                font-weight: bold;
                            }
                            //标题2
                            .tit2{
                                font-size: w(30px);
                                color:#666666;   
                                padding-bottom: w(79px);
                            }
                            //具体的内容
                            .par_row{
//                              padding-left: w(30px);
                                .row{
                                    padding-bottom: w(45px);
                                    img{
                                        width:100%;
//                                      float:left;
                                        max-width: 66px;
                                    }
                                    label{
                                        font-size: w(19px);
                                        color:#333333;
//                                      font-weight:normal;
                                        margin-bottom: w(12px);
                                    }
                                    span{
                                        font-size: w(14px);
                                        color: #666666;
                                        font-family: AdobeHeitiStd Regular;
                                    }
                                }
                            }
                        }
                        .yq_img{
                            img{
                                width:100%;
                                max-width: 366px;
                            }
                        }
                    }
                }
//              为了解决行数减少导致第二格子顶上sm下的样式
//              .sm_div{
//                  height:1px;
//              }
            }
            .youshi{
                padding-top: w(106px);
                padding-bottom: w(90px);
                .container{
                    .row{
                        div:nth-of-type(1){
                            img{
                                width:303px;
                            }
                        }
                        >div:nth-of-type(2){
                            >div:nth-of-type(1){
                                color:#8fc31f;
                                font-size: w(48px);
                            }
                            >div{
                                margin-bottom: w(17px);
                                img{
                                    width:54px;
                                    margin-right: w(5px);
                                }  
                                span{
                                    font-size: w(14px);
                                    color: #666666;
                                }
                                div:nth-of-type(1){
                                    font-size: w(47px);
                                    color:#8fc31f;
                                    padding-bottom: w(44px);
                                }
                            }
                        }
                    }
                }
            }
            .chanpinjiazu{
                padding-top: w(106px);
                padding-bottom: w(70px);
//              145-75
                background: #0079d7;
                .container{
                       .cp_tit{
                           font-size: w(47px);
                           text-align: center;
                       }
                       .row{
                           color:#fffefe;
                           img{
                            max-width:66px;
                            width:100%;
                            float:right;
                            }
                            label{
                                font-size: w(32px);
                                font-weight:normal;
                                margin-bottom: w(12px);
                            }
                            span{
                                font-size: w(14px);
                            }   
                            >div{
                                padding-bottom: w(75px);
//                              这个pb要给div。因为响应式要分开row
                            }
                       }
                }
            }
            .youxilizi{
                padding-top: w(87px);
                background: #fff;
                color:#2a2a2a;
                .container{
                    .lz_tit{
                        padding-bottom: w(47px);
                        span{
                            font-size: w(34px);
                        }
                        .col-md-1{
                            text-align: right;
                            label{
                                font-size: w(14px);
                            }
                        }
                    }
                    .lz_cont{
                        padding-bottom: w(65px);
                        .col-md-5 img{
                            width:100%;
                        }
                        .col-md-7{
                            .row{
                                padding: w(9px) 0;
//                              这个是换行row.pd.原始做法
                            }
                            .col-md-2{
                                padding:0;
//                              margin-bottom: 18px;
//                              这个mb是单行每个都有mb,简便于不用写row
                                .youxigeli{
                                    text-align: center;
                                    img{
                                        width:67px;
                                        margin-bottom: w(5px);
                                    }
                                    p{
                                        margin:0;
                                        padding:0;
                                        font-size: w(14px);
                                    }
                                }
                            }
                        }  
                    }
                }
            }
            .hezuohuoban{
                padding-top: w(42px);
                background: #f4f4f4;
                padding-bottom: w(45px);
//              65-20
                .hb_tit{
                    margin-bottom: w(32px);
                    span{
                        font-size: w(30px);
                        color:#2a2a2a;
                    }
                    label{
                        font-size: w(11px);
                        color:#777777;
                    }
                }
                .hb_cont{
                    text-align: center;
                    >div{
                        padding-bottom: w(20px);
                    }
                    .col-md-2{
                        .huobandiv{
                            border:1px solid #dddddd;
                            background: #fff;
                            img{
                                width:100%;
                            }
                        }
                    }
                    
                }
            }
        }
    }
}
